<script setup lang="ts">
import InfoCardItem from './InfoCardItem.vue';
import { useResumeStore } from '@/stores/ResumeStore';
import { storeToRefs } from 'pinia';
import { ref } from 'vue';
const resumeStore = useResumeStore();
const { resume } = storeToRefs(resumeStore);

const infomation = ref([
  {
    icon: 'EnvelopeIcon',
    name: '邮箱',
    value: '1041556532@qq.com',
  },
  {
    icon: 'CakeIcon',
    name: '年龄',
    value: '27',
  },
  {
    icon: 'DevicePhoneMobileIcon',
    name: '电话',
    value: '18482006683',
  },
]);
</script>

<template>
  <div class="card">
    <!-- Start info title -->
    <h2 class="mb-4 text-lg font-semibold dark:text-night-50">个人信息</h2>
    <div class="space-y-4">
      <InfoCardItem v-for="(item, index) in infomation" :key="index" :item="item" />
    </div>
  </div>
</template>
